<template>
    <div class="MagazineView" style="width: 1440px; height: 900px; position: relative; background: white">
        <div class="Rectangle106"
            style="width: 360px; height: 907px; left: 0px; top: 0px; position: absolute; background: #F4F3F1"></div>
        <div class="Component36" style="width: 360px; height: 770px; left: 0px; top: 84px; position: absolute">
            <div class="Group781" style="width: 360px; height: 84px; left: 0px; top: 464px; position: absolute">
                <div class="Group625"
                    style="width: 360px; height: 42px; padding-top: 7px; padding-bottom: 11px; padding-left: 46px; padding-right: 35px; left: 0px; top: 0px; position: absolute; justify-content: flex-end; align-items: center; display: inline-flex">
                    <div class="Frame81"
                        style="height: 24px; justify-content: flex-start; align-items: flex-start; gap: 22px; display: inline-flex">
                        <div class="ReadLater"
                            style="width: 223.95px; color: #119C59; font-size: 16px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                            稍后再看</div>
                        <div class="IconOutlinedOtherBookBookmark" style="width: 24px; height: 24px; position: relative">
                            <div class="Vector"
                                style="width: 14px; height: 18px; left: 5px; top: 3px; position: absolute; border: 2px #119C59 solid">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="Group625"
                    style="width: 360px; height: 42px; padding-top: 7px; padding-bottom: 11px; padding-left: 46px; padding-right: 35px; left: 0px; top: 42px; position: absolute; justify-content: flex-end; align-items: center; display: inline-flex">
                    <div class="Frame81"
                        style="height: 24px; justify-content: flex-start; align-items: flex-start; gap: 22px; display: inline-flex">
                        <div class="ReadLater"
                            style="width: 223.95px; color: #119C59; font-size: 16px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                            浏览历史</div>
                        <div class="IconOutlinedOtherBookBookOpen" style="width: 23.47px; height: 24px; position: relative">
                            <div class="Vector"
                                style="width: 9.78px; height: 18px; left: 1.96px; top: 3px; position: absolute; border: 2px #119C59 solid">
                            </div>
                            <div class="Vector"
                                style="width: 9.78px; height: 18px; left: 11.74px; top: 3px; position: absolute; border: 2px #119C59 solid">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="MyLabels" style="width: 360px; height: 366px; left: 0px; top: 76px; position: absolute">
                <div
                    style="width: 198px; left: 45px; top: 0px; position: absolute; color: #119C59; font-size: 16px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                    分 类</div>
                <div class="Component30" style="width: 360px; height: 42px; left: 0px; top: 30px; position: absolute">
                    <div class="Sheet"
                        style="width: 322px; height: 42px; left: 0px; top: 0px; position: absolute; background: #FFE3B3; border-top-left-radius: 16px; border-top-right-radius: 16px">
                    </div>
                    <div class="Group618" style="width: 360px; height: 39.63px; left: -0px; top: 1px; position: absolute">
                        <div class="DropdownMenuUserDefault"
                            style="width: 360px; height: 39.63px; left: 0px; top: 0px; position: absolute"></div>
                        <div class="Group680"
                            style="width: 266px; height: 27.68px; left: 47px; top: 6.14px; position: absolute">
                            <div class="Frame76"
                                style="width: 24px; height: 24px; left: 242px; top: 1.84px; position: absolute; justify-content: flex-end; align-items: center; gap: 10px; display: inline-flex">
                                <div class="IconOutlinedDirectionsChevronRight"
                                    style="width: 24px; height: 24px; position: relative; transform: rotate(-90deg); transform-origin: 0 0">
                                    <div class="Vector"
                                        style="width: 6px; height: 12px; left: 9px; top: 6px; position: absolute; border: 2px #25282B solid">
                                    </div>
                                </div>
                            </div>
                            <div class="Frame78"
                                style="width: 151px; height: 27.68px; padding-top: 6px; padding-bottom: 6px; left: 0px; top: 0px; position: absolute; justify-content: flex-end; align-items: center; gap: 9px; display: inline-flex">
                                <div class="Label"
                                    style="width: 151px; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                                    新 闻</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="Component31"
                    style="width: 360px; height: 42px; padding-top: 1px; padding-bottom: 1.37px; left: 0px; top: 198px; position: absolute; justify-content: center; align-items: center; display: inline-flex">
                    <div class="Group618" style="width: 360px; height: 39.63px; position: relative">
                        <div class="DropdownMenuUserDefault"
                            style="width: 360px; height: 39.63px; left: 0px; top: 0px; position: absolute"></div>
                        <div class="Group680"
                            style="width: 266px; height: 27.68px; left: 47px; top: 6.14px; position: absolute">
                            <div class="Frame76"
                                style="width: 70px; height: 16px; left: 196px; top: 5.84px; position: absolute; justify-content: flex-end; align-items: center; gap: 10px; display: inline-flex">
                                <div class="Sumfeeds"
                                    style="width: 70px; height: 16px; text-align: right; color: #25282B; font-size: 18px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.20px; word-wrap: break-word">
                                    30 new</div>
                            </div>
                            <div class="Frame78"
                                style="width: 151px; height: 27.68px; padding-top: 6px; padding-bottom: 6px; left: 0px; top: 0px; position: absolute; justify-content: flex-end; align-items: center; gap: 9px; display: inline-flex">
                                <div class="Trading"
                                    style="width: 151px; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                                    时尚</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="Component32"
                    style="width: 360px; height: 42px; padding-top: 1px; padding-bottom: 1.37px; left: 0px; top: 282px; position: absolute; justify-content: center; align-items: center; display: inline-flex">
                    <div class="Group618" style="width: 360px; height: 39.63px; position: relative">
                        <div class="DropdownMenuUserDefault"
                            style="width: 360px; height: 39.63px; left: 0px; top: 0px; position: absolute"></div>
                        <div class="Group680"
                            style="width: 266px; height: 27.68px; left: 47px; top: 6.14px; position: absolute">
                            <div class="Frame76"
                                style="width: 70px; height: 16px; left: 196px; top: 5.84px; position: absolute; justify-content: flex-end; align-items: center; gap: 10px; display: inline-flex">
                                <div class="Sumfeeds"
                                    style="width: 70px; height: 16px; text-align: right; color: #25282B; font-size: 18px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.20px; word-wrap: break-word">
                                    30 new</div>
                            </div>
                            <div class="Frame78"
                                style="width: 151px; height: 27.68px; padding-top: 6px; padding-bottom: 6px; left: 0px; top: 0px; position: absolute; justify-content: flex-end; align-items: center; gap: 9px; display: inline-flex">
                                <div class="Investing"
                                    style="width: 151px; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                                    美食</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="Component34"
                    style="width: 360px; height: 42px; padding-top: 1px; padding-bottom: 1.37px; left: 0px; top: 324px; position: absolute; justify-content: center; align-items: center; display: inline-flex">
                    <div class="Group618" style="width: 360px; height: 39.63px; position: relative">
                        <div class="DropdownMenuUserDefault"
                            style="width: 360px; height: 39.63px; left: 0px; top: 0px; position: absolute"></div>
                        <div class="Group680"
                            style="width: 266px; height: 27.68px; left: 47px; top: 6.14px; position: absolute">
                            <div class="Frame76"
                                style="width: 70px; height: 16px; left: 196px; top: 5.84px; position: absolute; justify-content: flex-end; align-items: center; gap: 10px; display: inline-flex">
                                <div class="Sumfeeds"
                                    style="width: 70px; height: 16px; text-align: right; color: #25282B; font-size: 18px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.20px; word-wrap: break-word">
                                    30 new</div>
                            </div>
                            <div class="Frame78"
                                style="width: 151px; height: 27.68px; padding-top: 6px; padding-bottom: 6px; left: 0px; top: 0px; position: absolute; justify-content: flex-end; align-items: center; gap: 9px; display: inline-flex">
                                <div class="Label"
                                    style="width: 151px; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                                    公益</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="Component33"
                    style="width: 360px; height: 42px; padding-top: 1px; padding-bottom: 1.37px; left: 0px; top: 240px; position: absolute; justify-content: center; align-items: center; display: inline-flex">
                    <div class="Group618" style="width: 360px; height: 39.63px; position: relative">
                        <div class="DropdownMenuUserDefault"
                            style="width: 360px; height: 39.63px; left: 0px; top: 0px; position: absolute"></div>
                        <div class="Group680"
                            style="width: 266px; height: 27.68px; left: 47px; top: 6.14px; position: absolute">
                            <div class="Frame76"
                                style="width: 70px; height: 16px; left: 196px; top: 5.84px; position: absolute; justify-content: flex-end; align-items: center; gap: 10px; display: inline-flex">
                                <div class="Sumfeeds"
                                    style="width: 70px; height: 16px; text-align: right; color: #25282B; font-size: 18px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.20px; word-wrap: break-word">
                                    30 new</div>
                            </div>
                            <div class="Frame78"
                                style="width: 151px; height: 27.68px; padding-top: 6px; padding-bottom: 6px; left: 0px; top: 0px; position: absolute; justify-content: flex-end; align-items: center; gap: 9px; display: inline-flex">
                                <div class="Digital"
                                    style="width: 151px; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                                    科技</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="IconOutlinedActionMainSettings"
                    style="width: 24px; height: 24px; left: 289px; top: 0px; position: absolute">
                    <div class="Vector"
                        style="width: 6px; height: 6px; left: 9px; top: 9px; position: absolute; border: 2px #119C59 solid">
                    </div>
                    <div class="Vector"
                        style="width: 22px; height: 22px; left: 1px; top: 1px; position: absolute; border: 2px #119C59 solid">
                    </div>
                </div>
                <div class="IconOutlinedSuggestedCircle"
                    style="width: 24px; height: 24px; left: 254px; top: 0px; position: absolute">
                    <div class="Vector"
                        style="width: 20px; height: 20px; left: 2px; top: 2px; position: absolute; border: 2px #119C59 solid">
                    </div>
                    <div class="Vector"
                        style="width: 0px; height: 8px; left: 12px; top: 8px; position: absolute; border: 2px #119C59 solid">
                    </div>
                    <div class="Vector"
                        style="width: 8px; height: 0px; left: 8px; top: 12px; position: absolute; border: 2px #119C59 solid">
                    </div>
                </div>
            </div>
            <div class="Component26"
                style="width: 360px; height: 42px; padding-top: 1px; padding-bottom: 1.37px; left: 0px; top: 148px; position: absolute; justify-content: center; align-items: center; display: inline-flex">
                <div class="Group618" style="width: 360px; height: 39.63px; position: relative">
                    <div class="DropdownMenuUserDefault"
                        style="width: 360px; height: 39.63px; left: 0px; top: 0px; position: absolute"></div>
                    <div class="Group680"
                        style="width: 266px; height: 27.68px; left: 47px; top: 6.14px; position: absolute">
                        <div class="Frame76"
                            style="width: 70px; height: 16px; left: 196px; top: 5.84px; position: absolute; justify-content: flex-end; align-items: center; gap: 10px; display: inline-flex">
                            <div class="Sumfeeds"
                                style="width: 70px; height: 16px; text-align: right; color: #119C59; font-size: 18px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.20px; word-wrap: break-word">
                                2 new</div>
                        </div>
                        <div class="Frame78"
                            style="width: 151px; height: 27.68px; padding-top: 6px; padding-bottom: 6px; left: 0px; top: 0px; position: absolute; justify-content: flex-end; align-items: center; gap: 9px; display: inline-flex">
                            <div class="Label"
                                style="width: 151px; color: #119C59; font-size: 16px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                                资讯</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="Component27"
                style="width: 360px; height: 42px; padding-top: 1px; padding-bottom: 1.37px; left: 0px; top: 190px; position: absolute; justify-content: center; align-items: center; display: inline-flex">
                <div class="Group618" style="width: 360px; height: 39.63px; position: relative">
                    <div class="DropdownMenuUserDefault"
                        style="width: 360px; height: 39.63px; left: 0px; top: 0px; position: absolute"></div>
                    <div class="Group680"
                        style="width: 266px; height: 27.68px; left: 47px; top: 6.14px; position: absolute">
                        <div class="Frame76"
                            style="width: 70px; height: 16px; left: 196px; top: 5.84px; position: absolute; justify-content: flex-end; align-items: center; gap: 10px; display: inline-flex">
                            <div class="Sumfeeds"
                                style="width: 70px; height: 16px; text-align: right; color: #25282B; font-size: 18px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.20px; word-wrap: break-word">
                                3 new</div>
                        </div>
                        <div class="Frame78"
                            style="width: 151px; height: 27.68px; padding-top: 6px; padding-bottom: 6px; left: 0px; top: 0px; position: absolute; justify-content: flex-end; align-items: center; gap: 9px; display: inline-flex">
                            <div class="Label"
                                style="width: 151px; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                                体育</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="Component28"
                style="width: 360px; height: 42px; padding-top: 1px; padding-bottom: 1.37px; left: 0px; top: 232px; position: absolute; justify-content: center; align-items: center; display: inline-flex">
                <div class="Group618" style="width: 360px; height: 39.63px; position: relative">
                    <div class="DropdownMenuUserDefault"
                        style="width: 360px; height: 39.63px; left: 0px; top: 0px; position: absolute"></div>
                    <div class="Group680"
                        style="width: 266px; height: 27.68px; left: 47px; top: 6.14px; position: absolute">
                        <div class="Frame76"
                            style="width: 70px; height: 16px; left: 196px; top: 5.84px; position: absolute; justify-content: flex-end; align-items: center; gap: 10px; display: inline-flex">
                            <div class="Sumfeeds"
                                style="width: 70px; height: 16px; text-align: right; color: #25282B; font-size: 18px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.20px; word-wrap: break-word">
                                30 new</div>
                        </div>
                        <div class="Frame78"
                            style="width: 151px; height: 27.68px; padding-top: 6px; padding-bottom: 6px; left: 0px; top: 0px; position: absolute; justify-content: flex-end; align-items: center; gap: 9px; display: inline-flex">
                            <div class="Label"
                                style="width: 151px; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                                娱乐</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="Rectangle93"
            style="width: 1080px; height: 907px; left: 360px; top: 0px; position: absolute; background: #FAF9F7"></div>
        <div class="MagazineView"
            style="width: 868px; height: 790px; left: 469px; top: 140px; position: absolute; background: white">
            <div class="Rectangle351"
                style="width: 868px; height: 790px; left: 0px; top: 0px; position: absolute; background: #FAF9F7"></div>
            <div class="Group233"
                style="width: 806px; height: 53px; padding-top: 6px; padding-right: 126px; left: 29px; top: 16px; position: absolute; justify-content: flex-start; align-items: center; display: inline-flex">
                <div class="SearchResults"
                    style="width: 680px; height: 53px; color: #25282B; font-size: 52px; font-family: Montserrat; font-weight: 300; line-height: 64px; letter-spacing: 0.20px; word-wrap: break-word">
                    新 闻</div>
            </div>
            <div class="Group111"
                style="width: 667px; height: 113px; padding-top: 1px; padding-right: 33px; left: 31px; top: 193px; position: absolute; justify-content: flex-start; align-items: center; display: inline-flex">
                <div class="Frame89"
                    style="justify-content: flex-start; align-items: flex-start; gap: 9px; display: inline-flex">
                    <div class="Frame85"
                        style="height: 82px; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex">
                        <div class="Frame61"
                            style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 7px; display: inline-flex">
                            <div class="RijekaBeginsYearOfEuropeanCapitalOfCulture2020WithOpeningCeremony"
                                style="width: 431px; height: 51px; color: #25282B; font-size: 18px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.20px; word-wrap: break-word">
                                共同推动全球航运业可持续发展（国际论坛）</div>
                            <div class="Frame88"
                                style="height: 24px; justify-content: center; align-items: center; gap: 7px; display: inline-flex">
                                <div class="Dec302021Euronews4MinRead"
                                    style="width: 304px; height: 18px; color: #52575C; font-size: 12px; font-family: Montserrat; font-weight: 500; line-height: 16px; letter-spacing: 0.20px; word-wrap: break-word">
                                    11 / 6 2023 资讯 4 分钟前</div>
                                <div class="IconOutlinedOtherBookBookmark"
                                    style="width: 24px; height: 24px; position: relative">
                                    <div class="Vector"
                                        style="width: 14px; height: 18px; left: 5px; top: 3px; position: absolute; border: 2px #52575C solid">
                                    </div>
                                </div>
                                <div class="IconOutlinedActionMainShare"
                                    style="width: 24px; height: 24px; position: relative">
                                    <div class="Vector"
                                        style="width: 6px; height: 6px; left: 15px; top: 2px; position: absolute; border: 2px #52575C solid">
                                    </div>
                                    <div class="Vector"
                                        style="width: 6px; height: 6px; left: 3px; top: 9px; position: absolute; border: 2px #52575C solid">
                                    </div>
                                    <div class="Vector"
                                        style="width: 6px; height: 6px; left: 15px; top: 16px; position: absolute; border: 2px #52575C solid">
                                    </div>
                                    <div class="Vector"
                                        style="width: 6.83px; height: 3.98px; left: 8.59px; top: 13.51px; position: absolute; border: 2px #52575C solid">
                                    </div>
                                    <div class="Vector"
                                        style="width: 6.82px; height: 3.98px; left: 8.59px; top: 6.51px; position: absolute; border: 2px #52575C solid">
                                    </div>
                                </div>
                                <div class="IconOutlinedActionMainMoreVertical"
                                    style="width: 24px; height: 24px; position: relative">
                                    <div class="Vector"
                                        style="width: 2px; height: 2px; left: 11px; top: 11px; position: absolute; border: 2px #52575C solid">
                                    </div>
                                    <div class="Vector"
                                        style="width: 2px; height: 2px; left: 11px; top: 4px; position: absolute; border: 2px #52575C solid">
                                    </div>
                                    <div class="Vector"
                                        style="width: 2px; height: 2px; left: 11px; top: 18px; position: absolute; border: 2px #52575C solid">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="Card1"
                        style="width: 186px; height: 112px; justify-content: center; align-items: center; display: flex">
                        <img class="Image" style="width: 186px; height: 112px" src="https://via.placeholder.com/186x112" />
                    </div>
                </div>
            </div>
            <div class="Group234"
                style="width: 662px; height: 113px; padding-top: 1px; padding-right: 28px; left: 31px; top: 330px; position: absolute; justify-content: flex-start; align-items: center; display: inline-flex">
                <div class="Frame89"
                    style="justify-content: flex-start; align-items: flex-start; gap: 9px; display: inline-flex">
                    <div class="Frame85"
                        style="height: 82px; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex">
                        <div class="Frame61"
                            style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 7px; display: inline-flex">
                            <div class="RijekaBeginsYearOfEuropeanCapitalOfCulture2020WithOpeningCeremony"
                                style="width: 431px; height: 51px; color: #25282B; font-size: 18px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.20px; word-wrap: break-word">
                                国产工业软件的“软肋”与“铠甲”</div>
                            <div class="Frame88"
                                style="height: 24px; justify-content: center; align-items: center; gap: 7px; display: inline-flex">
                                <div class="Dec302021Euronews4MinRead"
                                    style="width: 304px; height: 18px; color: #52575C; font-size: 12px; font-family: Montserrat; font-weight: 500; line-height: 16px; letter-spacing: 0.20px; word-wrap: break-word">
                                    11 / 6 2023 资讯 27 分钟前</div>
                            <div class="IconOutlinedOtherBookBookmark"
                                style="width: 24px; height: 24px; position: relative">
                                <div class="Vector"
                                    style="width: 14px; height: 18px; left: 5px; top: 3px; position: absolute; border: 2px #52575C solid">
                                </div>
                            </div>
                            <div class="IconOutlinedActionMainShare"
                                style="width: 24px; height: 24px; position: relative">
                                <div class="Vector"
                                    style="width: 6px; height: 6px; left: 15px; top: 2px; position: absolute; border: 2px #52575C solid">
                                </div>
                                <div class="Vector"
                                    style="width: 6px; height: 6px; left: 3px; top: 9px; position: absolute; border: 2px #52575C solid">
                                </div>
                                <div class="Vector"
                                    style="width: 6px; height: 6px; left: 15px; top: 16px; position: absolute; border: 2px #52575C solid">
                                </div>
                                <div class="Vector"
                                    style="width: 6.83px; height: 3.98px; left: 8.59px; top: 13.51px; position: absolute; border: 2px #52575C solid">
                                </div>
                                <div class="Vector"
                                    style="width: 6.82px; height: 3.98px; left: 8.59px; top: 6.51px; position: absolute; border: 2px #52575C solid">
                                </div>
                            </div>
                            <div class="IconOutlinedActionMainMoreVertical"
                                style="width: 24px; height: 24px; position: relative">
                                <div class="Vector"
                                    style="width: 2px; height: 2px; left: 11px; top: 11px; position: absolute; border: 2px #52575C solid">
                                </div>
                                <div class="Vector"
                                    style="width: 2px; height: 2px; left: 11px; top: 4px; position: absolute; border: 2px #52575C solid">
                                </div>
                                <div class="Vector"
                                    style="width: 2px; height: 2px; left: 11px; top: 18px; position: absolute; border: 2px #52575C solid">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="Card1"
                    style="width: 186px; height: 112px; justify-content: center; align-items: center; display: flex">
                    <img class="Image" style="width: 186px; height: 112px" src="https://via.placeholder.com/186x112" />
                </div>
            </div>
        </div>
        <div class="Group235"
            style="width: 665px; height: 113px; padding-top: 1px; padding-right: 31px; left: 31px; top: 499px; position: absolute; justify-content: flex-start; align-items: center; display: inline-flex">
            <div class="Frame89"
                style="justify-content: flex-start; align-items: flex-start; gap: 9px; display: inline-flex">
                <div class="Frame85"
                    style="height: 82px; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex">
                    <div class="Frame61"
                        style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 7px; display: inline-flex">
                        <div class="RijekaBeginsYearOfEuropeanCapitalOfCulture2020WithOpeningCeremony"
                            style="width: 431px; height: 51px; color: #25282B; font-size: 18px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.20px; word-wrap: break-word">
                            总部搬迁？海航航空集团回应</div>
                        <div class="Frame88"
                            style="height: 24px; justify-content: center; align-items: center; gap: 7px; display: inline-flex">
                            <div class="Dec302021Euronews4MinRead"
                                style="width: 304px; height: 18px; color: #52575C; font-size: 12px; font-family: Montserrat; font-weight: 500; line-height: 16px; letter-spacing: 0.20px; word-wrap: break-word">
                                10 / 30 2023 资讯</div>
                            <div class="IconOutlinedOtherBookBookmark"
                                style="width: 24px; height: 24px; position: relative">
                                <div class="Vector"
                                    style="width: 14px; height: 18px; left: 5px; top: 3px; position: absolute; border: 2px #52575C solid">
                                </div>
                            </div>
                            <div class="IconOutlinedActionMainShare"
                                style="width: 24px; height: 24px; position: relative">
                                <div class="Vector"
                                    style="width: 6px; height: 6px; left: 15px; top: 2px; position: absolute; border: 2px #52575C solid">
                                </div>
                                <div class="Vector"
                                    style="width: 6px; height: 6px; left: 3px; top: 9px; position: absolute; border: 2px #52575C solid">
                                </div>
                                <div class="Vector"
                                    style="width: 6px; height: 6px; left: 15px; top: 16px; position: absolute; border: 2px #52575C solid">
                                </div>
                                <div class="Vector"
                                    style="width: 6.83px; height: 3.98px; left: 8.59px; top: 13.51px; position: absolute; border: 2px #52575C solid">
                                </div>
                                <div class="Vector"
                                    style="width: 6.82px; height: 3.98px; left: 8.59px; top: 6.51px; position: absolute; border: 2px #52575C solid">
                                </div>
                            </div>
                            <div class="IconOutlinedActionMainMoreVertical"
                                style="width: 24px; height: 24px; position: relative">
                                <div class="Vector"
                                    style="width: 2px; height: 2px; left: 11px; top: 11px; position: absolute; border: 2px #52575C solid">
                                </div>
                                <div class="Vector"
                                    style="width: 2px; height: 2px; left: 11px; top: 4px; position: absolute; border: 2px #52575C solid">
                                </div>
                                <div class="Vector"
                                    style="width: 2px; height: 2px; left: 11px; top: 18px; position: absolute; border: 2px #52575C solid">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="Card1"
                    style="width: 186px; height: 112px; justify-content: center; align-items: center; display: flex">
                    <img class="Image" style="width: 186px; height: 112px" src="https://via.placeholder.com/186x112" />
                </div>
            </div>
        </div>
        <div class="Group238"
            style="width: 665px; height: 122px; padding-top: 1px; padding-bottom: 9px; padding-right: 31px; left: 31px; top: 626px; position: absolute; justify-content: flex-start; align-items: center; display: inline-flex">
            <div class="Frame89"
                style="justify-content: flex-start; align-items: flex-start; gap: 9px; display: inline-flex">
                <div class="Frame85"
                    style="height: 82px; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex">
                    <div class="Frame61"
                        style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 7px; display: inline-flex">
                        <div class="RijekaBeginsYearOfEuropeanCapitalOfCulture2020WithOpeningCeremony"
                            style="width: 431px; height: 51px; color: #25282B; font-size: 18px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.20px; word-wrap: break-word">
                            世卫组织：加沙恐怖局势无法形容</div>
                        <div class="Frame88"
                            style="height: 24px; justify-content: center; align-items: center; gap: 7px; display: inline-flex">
                            <div class="Dec302021Euronews4MinRead"
                                style="width: 304px; height: 18px; color: #52575C; font-size: 12px; font-family: Montserrat; font-weight: 500; line-height: 16px; letter-spacing: 0.20px; word-wrap: break-word">
                                10 / 30 2023 资讯</div>
                            <div class="IconOutlinedOtherBookBookmark"
                                style="width: 24px; height: 24px; position: relative">
                                <div class="Vector"
                                    style="width: 14px; height: 18px; left: 5px; top: 3px; position: absolute; border: 2px #52575C solid">
                                </div>
                            </div>
                            <div class="IconOutlinedActionMainShare"
                                style="width: 24px; height: 24px; position: relative">
                                <div class="Vector"
                                    style="width: 6px; height: 6px; left: 15px; top: 2px; position: absolute; border: 2px #52575C solid">
                                </div>
                                <div class="Vector"
                                    style="width: 6px; height: 6px; left: 3px; top: 9px; position: absolute; border: 2px #52575C solid">
                                </div>
                                <div class="Vector"
                                    style="width: 6px; height: 6px; left: 15px; top: 16px; position: absolute; border: 2px #52575C solid">
                                </div>
                                <div class="Vector"
                                    style="width: 6.83px; height: 3.98px; left: 8.59px; top: 13.51px; position: absolute; border: 2px #52575C solid">
                                </div>
                                <div class="Vector"
                                    style="width: 6.82px; height: 3.98px; left: 8.59px; top: 6.51px; position: absolute; border: 2px #52575C solid">
                                </div>
                            </div>
                            <div class="IconOutlinedActionMainMoreVertical"
                                style="width: 24px; height: 24px; position: relative">
                                <div class="Vector"
                                    style="width: 2px; height: 2px; left: 11px; top: 11px; position: absolute; border: 2px #52575C solid">
                                </div>
                                <div class="Vector"
                                    style="width: 2px; height: 2px; left: 11px; top: 4px; position: absolute; border: 2px #52575C solid">
                                </div>
                                <div class="Vector"
                                    style="width: 2px; height: 2px; left: 11px; top: 18px; position: absolute; border: 2px #52575C solid">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="Card1"
                    style="width: 186px; height: 112px; justify-content: center; align-items: center; display: flex">
                    <img class="Image" style="width: 186px; height: 112px" src="https://via.placeholder.com/186x112" />
                </div>
            </div>
        </div>
        <div class="Group237"
            style="width: 810.07px; height: 122px; padding-top: 1px; padding-bottom: 9px; padding-right: 176.07px; left: 28.97px; top: 759px; position: absolute; justify-content: flex-start; align-items: center; display: inline-flex">
            <div class="Frame89"
                style="justify-content: flex-start; align-items: flex-start; gap: 9px; display: inline-flex">
                <div class="Frame85"
                    style="height: 82px; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex">
                    <div class="Frame61"
                        style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 7px; display: inline-flex">
                        <div class="RijekaBeginsYearOfEuropeanCapitalOfCulture2020WithOpeningCeremony"
                            style="width: 431px; height: 51px; color: #25282B; font-size: 18px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.20px; word-wrap: break-word">
                            Rijeka begins year of European Capital of Culture 2020 with opening ceremony</div>
                        <div class="Frame88"
                            style="height: 24px; justify-content: center; align-items: center; gap: 7px; display: inline-flex">
                            <div class="Dec302021Euronews4MinRead"
                                style="width: 304px; height: 18px; color: #52575C; font-size: 12px; font-family: Montserrat; font-weight: 500; line-height: 16px; letter-spacing: 0.20px; word-wrap: break-word">
                                Dec 30 2021 EuroNews 4 min read</div>
                            <div class="IconOutlinedOtherBookBookmark"
                                style="width: 24px; height: 24px; position: relative">
                                <div class="Vector"
                                    style="width: 14px; height: 18px; left: 5px; top: 3px; position: absolute; border: 2px #52575C solid">
                                </div>
                            </div>
                            <div class="IconOutlinedActionMainShare"
                                style="width: 24px; height: 24px; position: relative">
                                <div class="Vector"
                                    style="width: 6px; height: 6px; left: 15px; top: 2px; position: absolute; border: 2px #52575C solid">
                                </div>
                                <div class="Vector"
                                    style="width: 6px; height: 6px; left: 3px; top: 9px; position: absolute; border: 2px #52575C solid">
                                </div>
                                <div class="Vector"
                                    style="width: 6px; height: 6px; left: 15px; top: 16px; position: absolute; border: 2px #52575C solid">
                                </div>
                                <div class="Vector"
                                    style="width: 6.83px; height: 3.98px; left: 8.59px; top: 13.51px; position: absolute; border: 2px #52575C solid">
                                </div>
                                <div class="Vector"
                                    style="width: 6.82px; height: 3.98px; left: 8.59px; top: 6.51px; position: absolute; border: 2px #52575C solid">
                                </div>
                            </div>
                            <div class="IconOutlinedActionMainMoreVertical"
                                style="width: 24px; height: 24px; position: relative">
                                <div class="Vector"
                                    style="width: 2px; height: 2px; left: 11px; top: 11px; position: absolute; border: 2px #52575C solid">
                                </div>
                                <div class="Vector"
                                    style="width: 2px; height: 2px; left: 11px; top: 4px; position: absolute; border: 2px #52575C solid">
                                </div>
                                <div class="Vector"
                                    style="width: 2px; height: 2px; left: 11px; top: 18px; position: absolute; border: 2px #52575C solid">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="Card1"
                    style="width: 186px; height: 112px; justify-content: center; align-items: center; display: flex">
                    <img class="Image" style="width: 186px; height: 112px" src="https://via.placeholder.com/186x112" />
                </div>
            </div>
        </div>
        <div
            style="width: 163.94px; left: 34px; top: 155px; position: absolute; color: #119C59; font-size: 16px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
            今 日</div>
        <div class="302023"
            style="width: 163.94px; left: 34px; top: 464px; position: absolute; color: #119C59; font-size: 16px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
            10/30 2023</div>
        <div class="Group782" style="height: 33px; left: 34px; top: 88px; position: absolute">
            <div
                style="width: 151px; left: 0px; top: 0px; position: absolute; color: #119C59; font-size: 20px; font-family: Montserrat; font-weight: 600; line-height: 26px; letter-spacing: 0.20px; word-wrap: break-word">
                资讯</div>
            <div class="Line13"
                style="width: 109px; height: 0px; left: 0px; top: 33px; position: absolute; background: #119C59; border: 3px #119C59 solid">
            </div>
        </div>
    </div>
    <div class="Header" style="width: 1446px; height: 84px; left: 0px; top: 0px; position: absolute">
        <div class="Group553" style="width: 446px; height: 59px; left: 495px; top: 8px; position: absolute">
            <div class="IconOutlinedActionMainSearch"
                style="width: 24px; height: 24px; left: 406px; top: 25px; position: absolute">
                <div class="Vector"
                    style="width: 16px; height: 16px; left: 3px; top: 3px; position: absolute; border: 2px #25282B solid">
                </div>
                <div class="Vector"
                    style="width: 4.35px; height: 4.35px; left: 16.65px; top: 16.65px; position: absolute; border: 2px #25282B solid">
                </div>
            </div>
            <div class="Group219" style="width: 446px; height: 59px; left: 0px; top: 0px; position: absolute">
                <div class="InputText"
                    style="width: 335px; height: 24px; left: 25px; top: 24px; position: absolute; color: #52575C; font-size: 16px; font-family: Montserrat; font-weight: 400; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                    搜索您感兴趣的新闻</div>
                <div class="InputText"
                    style="width: 281px; height: 14px; left: 25px; top: 0px; position: absolute; color: #A0A4A8; font-size: 11px; font-family: Montserrat; font-weight: 400; line-height: 14px; letter-spacing: 0.20px; word-wrap: break-word">
                    推荐标题、关键字搜索</div>
                <div class="Line13"
                    style="width: 446px; height: 0px; left: 0px; top: 59px; position: absolute; border: 3px #14B86E solid">
                </div>
            </div>
        </div>
        <div class="NameNewsletterIo"
            style="left: 1114px; top: 32px; position: absolute; text-align: right; color: #52575C; font-size: 18px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.20px; word-wrap: break-word">
            用户名@邮箱</div>
        <div class="IconOutlinedEditorActionCopy"
            style="width: 24px; height: 24px; left: 1229px; top: 32px; position: absolute">
            <div class="Vector"
                style="width: 13px; height: 13px; left: 9px; top: 9px; position: absolute; border: 2px #52575C solid">
            </div>
            <div class="Vector"
                style="width: 13px; height: 13px; left: 2px; top: 2px; position: absolute; border: 2px #52575C solid">
            </div>
        </div>
        <div class="AvatarCircledMan01" style="width: 32px; height: 32px; left: 1275px; top: 26px; position: absolute">
            <div class="Circle"
                style="width: 32px; height: 32px; left: 0px; top: 0px; position: absolute; background: #14B86E; border-radius: 9999px; border: 1px #FAF9F7 solid">
            </div>
            <div class="Label"
                style="width: 26px; left: 3px; top: 7px; position: absolute; text-align: center; color: #FAF9F7; font-size: 14px; font-family: Montserrat; font-weight: 500; line-height: 18px; letter-spacing: 0.10px; word-wrap: break-word">
                LB</div>
        </div>
        <div class="Group993" style="width: 212px; height: 32px; left: 45px; top: 27px; position: absolute">
            <div class="Newsletter"
                style="left: 0px; top: 2px; position: absolute; text-align: center; color: #119C59; font-size: 25px; font-family: Montserrat; font-weight: 700; text-transform: uppercase; letter-spacing: 0.20px; word-wrap: break-word">
                Newsletter</div>
            <div class="App"
                style="left: 183px; top: 0px; position: absolute; text-align: center; color: #333333; font-size: 14px; font-family: Montserrat; font-weight: 700; letter-spacing: 0.20px; word-wrap: break-word">
                App</div>
        </div>
    </div>
</div>
</template>